<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.banner {
    height: 9.48rem;
    z-index: -2;
}
.banner .swiper-container {
    height: 100%;
}
.banner .swiper-slide {
	width: 100%;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
}

.banner .swiper-slide .bannerImg {
	position: absolute;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center;
	transition: all 0.5s ease-out;
	left: 0;
	top: 0;
}

.banner .swiper-slide .bannerImg video {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.banner .swiper-pagination {
	bottom: 0.5rem !important;
}

.banner .swiper-pagination-bullet {
	width: 0.08rem;
	height: 0.08rem;
	border-radius: 40px;
	border: 3px solid white;
	opacity: 1;
	background: none;
	background: white;
}

.banner .swiper-pagination-bullet-active {
	width: 0.14rem;
	height: 0.14rem;
	background: none;
	border-color: #DB0000;
}

header.title {
	position: relative;
	padding-bottom: 15px;
	margin: 0 auto;
	text-align: center;
	margin-bottom: 25px;
}

header .t_l {
	padding: 0.1rem 0px;
}

header:after {
	position: absolute;
	content: "";
	width: 24%;
	height: 2px;
	background: #e5e5e5;
	left: 50%;
	margin-left: -12%;
	bottom: -0.1rem;
}

header:before {
	position: absolute;
	content: "";
	width: 10%;
	height: 6px;
	background: #dc0d0d;
	left: 50%;
	margin-left: -5%;
	bottom: -0.1rem;
	margin-bottom: -2px;
	z-index: 1;
}

.title a {
	color: #000000;
	display: inline-block;
	position: relative;
	font-weight: bold;
}


/*.title&gt;a::after {
	position: absolute;
	content: "";
	width: 50%;
	height: 2px;
	background: #e40112;
	bottom: -15px;
	left: 0%;
}*/

.title span {
	box-sizing: border-box;
	border: 2px solid #e1e1e1;
	color: #666;
	padding: 0.1rem 0.2rem;
	cursor: pointer;
	transition: all 0.3s ease-out;
}

.title span:hover {
	border-color: #e60111;
	background: #e60111;
	color: #fff;
}

.title span:hover a {
	color: white;
}

.title span img {
	display: block;
	width: 100%;
}

.news {
	margin: 0.65rem 0px;
	position: relative;
	overflow: hidden;
}

.news_cl {
	margin-top: 0.7rem;
}

.news .swiper-wrapper {
	height: auto !important;
}

.news_box-l .swiper-slide {
	height: auto;
}
.news_box-l .swiper-slide&gt;a{
    display: block;
    height: 5rem;
    position: relative;
    overflow: hidden;
}
.news_box-l .swiper-slide img {
    display: block;
    width: 100%;
    transition: all 0.5s;
}

.news_box-l .swiper-slide:hover img {
	transition: all 0.5s;
	transform: scale(1.05);
}
.news_box-l .swiper-button-next, .news_box-l .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat;
}
.news_box-l .swiper-button-prev{
	left:10px;
	background:url(http://www.heliforklift.com/material/images/l_c.png) no-repeat;
}
.news_box-l .swiper-button-next{
	right:10px;
	background:url(http://www.heliforklift.com/material/images/r_c.png) no-repeat;
}
.news_box-l .text {
	position: absolute;
	bottom: 0px;
	color: white;
	padding: 10% 4% 2% 4%;
	background: url(../images/s_bg.png) no-repeat;
	width: 92%;
	background-size: cover;
}

.news_box-l .text a {
	color: white;
}

.news_box-2 {
	padding-left: 12px;
}

.news_box-2 .top {
	height: 2.75rem;
	position: relative;
	overflow: hidden;
	margin-bottom: 1.5%;
}

.news_box-2&gt;.top&gt;a img {
	display: block;
	width: 100%;
	height: 100%;
	transition: all 0.5s;
}

.news_box-2&gt;.top:hover img {
	transition: all 0.5s;
	transform: scale(1.05);
}
.news_box-2 .bottm&gt;a{
    display: block;
    height: 2.13rem;
    position: relative;
	transform: scale(0.85);
	transition: all 0.5s;
}

.news_box-2 .bottm img {
    display: block;
    height: 100%;
    transition: all 0.5s;
    /* margin: 0px auto; */
    max-width: 95%;
}

.news_box-2 .bottm1 {
/* 	padding-left: 12px; */
	position: relative;
	transition: all 0.5s;
}
.news_box-2 .bottm1&gt;.jk{
	display: block;
	width: 92%;
	height: 2.13rem;
	/* margin-top: 3.55%; */
	position: relative;
	padding-left: 0%;
	padding-right: 13%;
	display: flex;
	justify-content: center;
	flex-direction: column;
	transition: all 0.5s;
}


.news_box-2 .bottm1 .d {
	/*position: absolute;
	bottom: 15%;
	left: 15%;*/
}

.news_box-2 .bottm1 .d a {
	color: #d12d26;
	margin-right: 8px;
}

.news_box-2 .bottm1 .d label {
	margin-right: 8px;
}
.news_box-2 .bottm{
	background:#eee;
	transition: all 0.5s;
}
.news_box-2 .bottm1 .box .l a {
	color: #000000;
}
.news_box-2 .mt_cmt:hover .bottm{
	color:white;
	background:#DB0000;
	transition: all 0.5s;
}
/* .news_box-2 .mt_cmt:hover .bottm&gt;a{
	transform: scale(0.85);
	transition: all 0.5s;
} */
.news_box-2 .mt_cmt:hover .bottm a,.news_box-2 .mt_cmt:hover .bottm1 .box .l{
	color:white;
	transition: all 0.5s;
}

.news_box-2 .mt_cmt:hover .bottm .d{
	color:white;
}

.news_box-2 .bottm {
	position: relative;
	overflow: hidden;
}
.news_box-3 .t{
min-height:60px;
}

.news_box-2 .bottm img:hover {
	transition: all 0.5s;
	transform: scale(1.05);
}

.news_box-2 .t {
	position: absolute;
	bottom: 8%;
	color: white;
	padding: 0px 6%;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.news_box-2 .t a {
	color: white;
}

.news_box-2 .b {
	position: absolute;
	top: 0px;
	padding: 0.15rem 0.2rem;
	background: #DB0000;
}

.news_box-2 .b a {
	color: white;
}


.news_box-2 .bottm1 .box {
	margin-bottom: 0.3em;
    position: relative;
    top: -0.2rem;
}

.news_box-2 .bottm1 .box .l {
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}



.news_box-3 {
	margin-top: 0.5rem;
}

.news_box-3 .t,
.news_box-3 .tx {
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.news_box-3 .t{
max-height:46px
}
.news_box-3 .tx{
max-height:48px
}

.news_box-3 .border-l {
	padding-bottom: 22px;
	border-bottom: 5px solid #eeeeee;
	transition: all 0.6s ease;
	height: auto;
	position: relative;
}

.news_box-3 .border-l:before {
	content: '';
	width: 0%;
	height: 5px;
	background: #DB0000;
	position: absolute;
	left: 0;
	bottom:-5px;
	transition: all 0.6s ease;
}

.news_box-3 .border-l:hover:before {
	width: 100%;
	transition: all 0.6s ease;
}

.news_box-3 .t a {
	color: #040404;
	font-weight: bold;
}

.news_box-3 .da {
	margin: 0.2rem 0px;
	color: #020303;
}

.news_box-3 .da a {
	color: #020303;
	margin-right: 8px;
	opacity: 0.8;
}

.news_box-3 .da label {
	margin-right: 8px;
}

.news_box-3 .tx a {
	color: #777777;
}

.k1_btn{
	position: absolute;
	right: 15%;
	bottom: 10%;
	width: 0.32rem;
	height: 0.32rem;
	background:url(../images/k2.png) no-repeat center;
	background-size:100% 100%;
}
.news_box-2 .bottm1&gt;.jk:hover .k1_btn{
	background:url(../images/k1.png) no-repeat center;
	background-size:100% 100%;
}

.jtdj {
	background: url(../images/dj_home.jpg) no-repeat center;
	background-size: cover;
	padding: 0.8rem 0px;
	padding-bottom: 1.2rem;
	position: relative;
	overflow: hidden;
	padding-top: 1.8rem;
}

.jtdj .title {
	margin-bottom: 1.4rem;
}

.dj_cnt dl {
	background: white;
	margin-bottom: 0.3rem;
	padding: 0.3rem;
	cursor: pointer;
	transition: all 0.6s ease;
}

.dj_cnt dl .c1,
.dj_cnt dl .c2 {
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.dj_cnt dl .c1 a {
	color: #000000;
	font-weight: bold;
}

.dj_cnt dl .da {
	color: #000000;
	margin: 10px 0px;
}
.dj_cnt dl .da a{
	color:#000000;
}

.dj_cnt dl .c2 a {
	color: #777777;
}

.dj_cnt dl:hover {
	background: #DB0000;
	color: white;
	transition: all 0.6s ease;
}

.dj_cnt dl:hover .c1 a,
.dj_cnt dl:hover .da,.dj_cnt dl:hover .da a,
.dj_cnt dl:hover .c2 a {
	color: white;
	transition: all 0.6s ease;
}

.dj_cnt2 {
	background: url(../images/dq.png) no-repeat center;
	background-size: contain;
	color: white;
	padding: 0.3rem 0.3rem 0.3rem 0.8rem;
	padding-top: 15%;
	position: relative;
	top: -0.8rem;
}

.dj_cnt2 .c2 {
	margin-top: 0.2rem;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 7;
	-webkit-box-orient: vertical;
	line-height: 24px;
}

.dj_cnt2 .mor_h {
	float: right;
	padding: 0.3rem 0px;
}

.dj_cnt2 .mor_h img {
	width: 0.4rem;
	max-width: 32px;
	min-width: 12px;
}

.pingpai {
	padding: 0.65rem 0px;
	padding-bottom: 0.4rem;
}

.pingpai .pin_box1 {
	width: 32%;
	height: 3.77rem;
	margin-top: 0.5rem;
	float: left;
	background: url(../images/pin_pai_img.jpg) no-repeat center;
	min-height: calc(3.19rem + 48px);
	background-size:100% 100%;
	transition: all 0.5s;
        position:relative;
}
.pingpai .pin_box1:hover{
	transition: all 0.5s;
	background-size:103% 103%;
}
.pingpai .pin_box2 {
	width: 68%;
	margin-top: 0.5rem;
	float: right;
}

.pingpai .pin_box1&gt;a {
	position: absolute;
	right: 0.45rem;
    height: 0.32rem;
    width:0.32rem;
    min-height: 23px;
    min-width: 23px;
    background:url(../images/k1.png) no-repeat center;
    background-size:100% 100%;
    bottom:0.7rem;
}

.pingpai .pin_box1:hover&gt;a {
	background:url(../images/k2.png) no-repeat center;
	background-size:100% 100%;
}
.pingpai .swiper-container, .pingpai .swiper-wrapper {
    height: auto !important;
}
.pingpai .swiper-button-next, .pingpai .swiper-button-prev{
	position: absolute;
    top: 50%;
    cursor: pointer;
}
.pingpai .swiper-button-prev{
	background: rgba(255, 255, 255, 0.6);
	background-size: cover;
	width:0.5rem;
	height:0.5rem;
	opacity:1;
	z-index: 1111;
	text-align: center;
    line-height:0.5rem;
    color: rgb(0, 0, 0);
    font-family: ÃƒÆ’Ã‚Â¥Ãƒâ€šÃ‚Â®ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â¹ÃƒÆ’Ã‚Â¤Ãƒâ€šÃ‚Â½ÃƒÂ¢Ã¢â€šÂ¬Ã…â€œ;
    font-weight: 600;
    font-size: 1.2em;
    margin-left: 0.1rem;
    margin-top: -0.5rem;
    left: 0px;
}
.pingpai .swiper-button-next{
	background: rgba(255, 255,255, 0.6);
	background-size: cover;
	width:0.5rem;
	height:0.5rem;
	opacity:1;
	z-index:111;
	text-align: center;
    line-height:0.5rem;
    color: rgb(0, 0,0);
    font-family: ÃƒÆ’Ã‚Â¥Ãƒâ€šÃ‚Â®ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â¹ÃƒÆ’Ã‚Â¤Ãƒâ€šÃ‚Â½ÃƒÂ¢Ã¢â€šÂ¬Ã…â€œ;
    font-weight: 600;
    font-size: 1.2em;
    margin-right:-0.095rem;
        margin-top: -0.5rem;
right: 0px;
}
.pingpai .swiper-button-next:hover ,.pingpai .swiper-button-prev:hover{
	background: rgba(255, 255, 255,0.8);
}
.pingpai .el-col-lg-16 {
	padding-left: 15px;
}

.pingpai .el-col-lg-16 .swiper-slide {
	height: auto;
}

.pingpai .news_box {
	display: block;
	box-sizing: border-box;
	position: relative;
	overflow: hidden;
       padding-left:8%;
}

.pingpai .imgBox {
	width: 100%;
	height: 2.89rem;
	position: relative;
	overflow: hidden;
}

.pingpai .imgBox img {
	display: block;
	width: 100%;
	transition: all 0.8s;
}

.pingpai .news_box:hover img {
	transition: all 0.5s;
	transform: scale(1.05);
}

.pingpai .news_box:hover .bottom1 .p1,
.pingpai .news_box:hover .bottom .p1 {
	color: #DB0000;
}

.pingpai .bottom {
	padding: 0.15rem 0.32rem 0.15rem 0.32rem;
	color: #000000;
	background: #f3f3f3;
	height: 0.58rem;
	min-height: 48px;
}

.pingpai .bottom .p1 {
	color: #000000;
	line-height: 24px;
	margin-bottom: 0.1rem;
	font-weight: bold;
       white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;  
}

.pingpai .bottom .p3 {
	color: #494949;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	line-height: 20px;
}

.imgBox p {
	position: absolute;
	background: #DB0000;
	color: white;
	padding: 4px 6px;
	width: 2rem;
	max-width: 44px;
	position: absolute;
	left: 20px;
	bottom: -20px;
}

.imgBox p span {
	display: block;
	text-align: left;
}

.imgBox p span:last-child {
	text-align: right;
	font-size: 10px;
}


/*ÃƒÆ’Ã‚Â¦ÃƒÂ¢Ã¢â€šÂ¬Ã¢â‚¬Å“ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â¡ÃƒÆ’Ã‚Â¥Ãƒâ€¦Ã¢â‚¬â„¢ÃƒÂ¢Ã¢â€šÂ¬Ã¢â‚¬Å“ÃƒÆ’Ã‚Â¨Ãƒâ€šÃ‚Â§Ãƒâ€šÃ‚Â£ÃƒÆ’Ã‚Â¨Ãƒâ€šÃ‚Â¯Ãƒâ€šÃ‚Â»*/

.whjd {
	background: url(../images/jtwh_bg.jpg) no-repeat center;
	background-size: cover;
	padding: 0.4rem 0px 1.2rem 0px;
	margin-top: 0.5rem;
}

.whjd .title {
	margin-bottom: 0.5rem;
	color: white;
}

.whjd .title a {
	color: white;
}

.whjd_box2 {
	padding-left: 40px;
}

.whjd_box2 .top {
	height: 3.15rem;
	position: relative;
	overflow: hidden;
	min-height: 180px;
	margin-bottom: 20px;
}

.whjd_box1&gt;a img {
	display: block;
	width: 100%;
	height: 6.25rem;
	position: relative;
	top: 0.68rem;
	max-height: 560px;
	transition: all 0.5s;
}

.whjd_box2&gt;.top&gt;a img {
	display: block;
	width: 100%;
	transition: all 0.8s;
}

.whjd_box2&gt;.top&gt;a img:hover {
	transition: all 0.5s;
	transform: scale(1.05);
}

.whjd_box2 .bottm {
	/* padding-top: 20px; */
	position: relative;
	overflow: hidden;
}

.whjd_box {
	position: relative;
	overflow: hidden;
	margin-top: 0.8rem;
}

.whjd_box1 .whjd_a a {
	display: inline-block;
	padding: 0.1rem 0px;
	color:white;
	border: 1px solid white;
	box-sizing: border-box;
	width: 23.5%;
	margin-left: 1%;
	text-align: center;
	position: relative;
	overflow: hidden;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.whjd_box1 .whjd_a a:first-child{
	margin-left:0px;
}

.whjd_box1 .whjd_a a:hover {
	background: #dc0d0d;
	color: white;
	border-color:#dc0d0d;
}

.whjd_box1 .whjd_a a.active {
	background: #dc0d0d;
	color: white;
	border-color:#dc0d0d;
}

.whjd_abox {
	color: white;
}

.whjd_abox .p1 {
	text-align: center;
	margin-bottom:0.32rem;
}

.whjd_box2 .bottm0 .b {
	top: 20px;
}

.whjd_atxt{
	position: relative;
	line-height: 26px;
}
.whjd_abox .whjd_cl{
	height:3.7rem;
	position: relative;
	width:96%;
	overflow: auto;
	padding:0px 2%;
	margin-top:0.4rem;
}
.whjd_abox .whjd_cl::-webkit-scrollbar {
	width:2px;
	height:2px;
}

.whjd_abox .whjd_cl::-webkit-scrollbar-thumb {
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(69, 146, 230, 0.2);
	
	background: rgba(0, 0, 0, 0.2);
}

.whjd_abox .whjd_cl::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 3px rgba(90,169, 245, 0.3);
	border-radius: 0;
	background: rgba(0, 0, 0, 0.1);
}

.whjd_atxt p{
	margin-bottom:0.15rem;
	text-indent:2em;
}

.whjd_more {
	text-align: center;
	margin-top:0.4rem;
}

.whjd_more a {
	color: white;
	border: 1px solid white;
	display: inline-block;
	padding: 0.1rem 0.3rem;
	box-sizing: border-box;
}

.whjd_more a:hover {
	color: white;
	border: none;
	background: #db0000;
}

.whjd_box2 .bottm0 .t {
	position: absolute;
	bottom: 0px;
	padding: 5% 5% 3% 5%;
	color: white;
	width: 90%;
}

.whjd_box2 .bottm0 .t a {
	color: white;
}

.whjd_box2 .bottm1&gt;a {
	display: block;
	width: 100%;
	height: 2.1rem;
	min-height: 110px;
	transition: all 0.5s;
}
.whjd_box2 .bottm0&gt;a {
	display: block;
	transform: scale(0.85);
	transition: all 0.5s;
}
.whjd_box2 .mt_cmt{
	background:#eee;
	transition: all 0.5s;
}
.whjd_box2 .mt_cmt:hover{
	background:#DB0000;
	transition: all 0.5s;
	color:white;
}

.whjd_box2 .mt_cmt:hover .bottm1 .box .l ,.whjd_box2 .mt_cmt:hover .bottm1 .box .l a{
	color:white;
	transition: all 0.5s;
}
.whjd_box2 .bottm img:hover {
	transition: all 0.5s;
	transform: scale(1.05);
}
/* .whjd_box2 .bottm1:hover&gt;a {
	background: #DB0000;
	transition: all 0.5s;
}

.whjd_box2 .bottm1:hover .box .l {
	color: white;
	transition: all 0.5s;
}

.whjd_box2 .bottm1:hover .box .l a {
	color: white;
	transition: all 0.5s;
}

.whjd_box2 .bottm1:hover {
	color: white;
	transition: all 0.5s;
}
 */

.whjd_box2 .bottm&gt;a&gt;img {
	display: block;
	width: 96%;
	height: 2.1rem;
	transition: all 0.5s;
	min-height: 110px;
	/* margin: 0px auto; */
}


.whjd_box2 .t {
	position: absolute;
	color: white;
	padding: 7% 5% 2% 5%;
	overflow: hidden;
	bottom: 0px;
	width: 90%;
	background: url(../images/s_bg.png) no-repeat center;
	background-size: 100% 100%;
}

.whjd_box2 .t a {
	color: white;
	display: block;
	margin-bottom: 0.1rem;
}

.whjd_box2 .b {
	position: absolute;
	top: 0px;
	padding: 0.15rem 0.2rem;
	background: #DB0000;
}

.whjd_box2 .b a {
	color: white;
}

.whjd_box2 .bottm1 {
	/* padding-left: 20px; */
	position: relative;
}

.whjd_box2 .bottm1 .box {
	position: absolute;
	left: 1%;
	right: 7%;
	justify: center;
	align-items: center;
	display: -webkit-flex;
	display: flex;
}

.whjd_box2 .bottm1 .box1 {
	top: 12%;
	height: 40%;
}

.whjd_box2 .bottm1 .box2 {
	top: 51%;
	height: 26%;
	color: #696969;
}

.whjd_box2 .bottm1 .box2&gt;a ,.addmore{
	position: absolute;
	bottom: -0.2rem;
	width: 0.32rem;
	height:0.32rem;
	min-width:23px;
	right: 4%;
	min-width: 23px;
	background:url(../images/k2.png) no-repeat center;
	background-size: contain;
}
.addmore{
	bottom:0.15rem;
}
.whjd_box2 .bottm1 .box2:hover&gt;a{
	background:url(../images/k1.png) no-repeat center;
	background-size:contain;
}
.whjd_box2 .bottm1 .box2&gt;a img {
	display: block;
	width: 100%;
}

.whjd_box2 .bottm1 .box .l {
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
       max-height:64px
}

.whjd_box2 .bottm1 .box .l a {
	color: #000000;
	display: block;
	/* white-space: nowrap; */
	/* overflow: hidden; */
	text-overflow: ellipsis;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.whjd_box2 .bottm1 .d {
	position: absolute;
	bottom: 15%;
	left: 15%;
}

.jtzr {
	padding: 0.7rem 0px;
}

.jtzr .swiper-container {
	display: none;
}

.jtzr .swiper-slide {
	height: auto;
}

.jtzr .swiper-container .swiper-wrapper {
	height: auto;
}

.jtzr_box {
	background: white;
	    margin-top: 0.7rem;
}


.jtzr .model {
	background: white;
	cursor: pointer;
	position: relative;
}

.jtzr .model .mask_m {
	position: relative;
	overflow: hidden;
	    min-height: 50px;
	height: 2.4rem;
}

.jtzr .model .mask_m&gt;a img {
	display: block;
	width: 100%;
}

.jtzr .model .mask_m p {
	position: absolute;
	bottom:-300%;
	left: 0px;
	right: 0px;
	background: rgba(0, 0, 0, 0.6);
	display: flex;
	justify-content: center;
	align-items: center;
	transition: all 0.5s;
	flex-direction: column;
	color:white;
}
.jtzr .model .mask_m p span{
	display: block;
	padding:0rem 0.2rem;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp:3;
	-webkit-box-orient: vertical;
	margin-top:0.1rem;
}
.jtzr .model:hover .mask_m p {
	bottom:0px;
	top: 0px;
	transition: all 0.5s;
}

.jtzr .model .mask_m p a {
	color: white;
	font-weight: bold;
}

.jtzr .model1 {
	background: url(../images/jt_bg.jpg) no-repeat center;
	background-size: 100% 100%;
	text-align: center;
}

.jtzr .model1 a {
	color: white;
}

.jtzr .model1 .t {
	padding-top: 1.5rem;
	margin-bottom: 0.6rem;
}

.jtzr .model1 .more {
	box-sizing: border-box;
	border: 2px solid #e1e1e1;
	color: #666;
	padding: 0.1rem 0.2rem;
	cursor: pointer;
	transition: all 0.3s ease-out;
}

.jtzr .model1 .more:hover {
	border-color: #e60111;
	background: #e60111;
	color: #fff;
}

.jtzr .model1 .more:hover a {
	color: white;
}

.jtzr .model3 {
	padding: 0% 1% 0% 1%;
}

.jtzr .model&gt;a {
	display: block;
	overflow: hidden;
	position: relative;
}

.jtzr .model2 .t {
	color: #000000;
	margin: 0.18rem 0px;
	font-weight: bold;
}

.jtzr .model2:hover .t {
	color: #DB0000;
}

.jtzr .model2 .t2 {
	color: #777777;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.jtzr .mor_h {
	position: absolute;
	margin-top: 0.4rem;
	display: block;
	left: 45%;
}

.jtzr .mor_h img {
	width: 0.3rem !important;
	max-width: 32px;
	min-width: 12px;
}

.about {
	background: url(../images/gywm_bg.jpg) no-repeat center;
	background-size: cover;
	padding: 2rem 0px;
	position: relative;
	overflow: hidden;
}

.about_box .el-col-12 {
	text-align: center;
	margin-bottom: 0.5rem;
	padding: 0px 0.4rem;
	cursor: pointer;
}

.about_box .el-col-12 .t {
	color: #000000;
	margin: 10px 0px;
}

.about_box .el-col-12.active .t a {
	color: #DB0000;
}

.about_box .el-col-12 .t a {
	color: #000000;
	font-weight: bold;
}

.about_box .el-col-12:hover .t a {
	color: #DB0000;
}

.about_box .el-col-12 a img {
	width: 1.64rem;
	height: 1.85rem;
}

.about_box .el-col-12 .tx {
	color: #777777;
	text-align: left;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	height: 0.58rem;
	min-height: 35px;
}

.about_box .more {
	box-sizing: border-box;
	border: 1px solid #a6a6a6;
	color: #666;
	padding: 0.1rem 0.2rem;
	cursor: pointer;
	transition: all 0.3s ease-out;
	position: relative;
	left: 40%;
	top: 0.5rem;
}

.about_box .more:hover {
	background: #DB0000;
	transition: all 0.3s ease-out;
	border: none;
}

.about_box .more a {
	color: #000000;
	display: inline-block;
	position: relative;
}

.about_box .more:hover a {
	transition: all 0.3s ease-out;
	color: white;
}


/*ÃƒÆ’Ã‚Â¨Ãƒâ€šÃ‚Â§Ãƒâ€šÃ‚Â£ÃƒÆ’Ã‚Â¥ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â&nbsp;Ãƒâ€šÃ‚Â³ÃƒÆ’Ã‚Â¦ÃƒÂ¢Ã¢â€šÂ¬Ã¢â‚¬Å“Ãƒâ€šÃ‚Â¹ÃƒÆ’Ã‚Â¦Ãƒâ€šÃ‚Â¡Ãƒâ€¹Ã¢â‚¬Â&nbsp;*/

.jjfa {
	height: 9.48rem;
	background: url(../images/lgb_bg0.jpg) no-repeat center;
	background-size: cover;
	position: relative;
	overflow: hidden;
	margin-top: 10px;
}

.jjfa_swiper {
	position: absolute;
	bottom: 0px;
	height: 4.3rem;
	width: 5.3rem;
	min-width: 200px;
	min-height: 80px;
}

.jjfa_swiper .swiper-container {
    height: 100% !important;
}

.jjfa_swiper .swiper-wrapper {
	padding-top: 0.48rem;
       height:100% !important;
}

.jjfa_swiper .swiper-slide {
	color: white;
	background: rgba(0, 0, 0, 0.7);
       height:100% !important;
}

.jjfa_swiper .swiper-slide .box {
	padding: 0.6rem 0.5rem 0.2rem 0.5rem;
}

.jjfa_swiper .swiper-slide .box .t {
	margin-bottom: 4%;
}

.jjfa_swiper .swiper-slide .box .tx {
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
}

.jjfa .text {
	float: right;
	color: white;
	position: relative;
	top: 3rem;
	width: 6.2rem;
}

.jjfa .tx {
	line-height: 0.3rem;
}

.jjfa .text p {
	margin-bottom: 10px;
	font-weight: bold;
}

.jjfa .swiper-pagination-switch {
	width: 0.3rem;
	height: 0.05rem;
	margin: 0px;
	padding: 0px;
	border-radius: initial;
	min-width: 6px;
	min-height: 3px;
	background: white;
	opacity: 1;
       border:none;
}

.jjfa .swiper-active-switch {
	background: #DB0000;
}

.jjfa .swiper-container-horizontal&gt;.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0px;
}

.jjfa .swiper-container-horizontal&gt;.swiper-pagination-bullets,
.jjfa .swiper-pagination-custom,
.jjfa .swiper-pagination-fraction {
	left: auto;
	right: 10%;
	bottom: 20%;
	width: auto;
}

.jjfa .swiper-button-prev {
	width: 0.5rem;
	top: 0.25rem;
	left: 0px;
	background: rgba(0, 0, 0, 0.7);
	background-size: 35%;
}

.jjfa .swiper-button-next {
	width: 0.5rem;
	top: 0.25rem;
	left: 0.5rem;
	background: rgba(0, 0, 0, 0.7);
	background-size: 35%;
}

.jjfa .swiper-button-prev img,
.jjfa .swiper-button-next img {
	display: block;
	width: 0.2rem;
	height: 0.3rem;
	margin: 0px auto;
	position: relative;
	top: 50%;
	margin-top: -0.15rem;
}

.jjfa .swiper-button-next:hover,
.jjfa .swiper-button-prev:hover {
	background: rgba(0, 0, 0, 1);
	!important;
}


/*.jjfa .swiper-button-next:hover ,.jjfa .swiper-button-next:hover{
	opacity:0.4 !important;
}*/

.more_model {
	box-sizing: border-box;
	border: 2px solid #e1e1e1;
	color: #666;
	padding: 0.1rem 0.2rem;
	cursor: pointer;
	transition: all 0.3s ease-out;
}

.more_model a {
	color: #000000;
	display: inline-block;
	position: relative;
}

.jjfa .more_model {
	position: relative;
	top: 0.5rem;
}

.jjfa .more_model a {
	color: white;
}

.more_model:hover {
	border-color: #e60111;
	background: #e60111;
	color: #fff;
}

.more_model:hover a {
	color: white;
}

.jjfa_ipom {
	height: auto;
	display: none;
}

.jjfa_ipom .text {
	position: absolute;
	padding: 6% 4% 8% 4%;
	bottom: 0px;
	width: 92%;
	color: white;
	text-align: center;
	background: url(../images/s_bg.png) no-repeat center;
	background-size: cover;
}

.jjfa_ipom .swiper-pagination-bullet {
	background: white;
	opacity: 1;
}

.jjfa_ipom .swiper-pagination-bullet-active {
	background: #DB0000;
}

.jjfa_ipom .text a {
	color: white;
}

.jjfa_ipom img {
	display: block;
	width: 100%;
}

.jjfa_ipom .title {
	display: none;
}

.jjfa_ipom .swiper-slide {
	    height: auto !important;
            position:relative
}

.jjfa_ipom .swiper-container-android .swiper-slide,
.jjfa_ipom .swiper-wrapper {
	  height: auto !important;
}
.jjfa_ipom .swiper-pagination-switch{
    background: white;
    opacity: 1;
}
.jjfa_ipom .swiper-active-switch{
    background: #DB0000;
    border-color:#DB0000;
}
@media only screen and (max-width:1440px) {
	.jjfa_swiper {
		min-height: 300px;
		min-width: 400px;
	}
	.jjfa .tx {
		line-height: 26px;
	}
	.whjd_atxt {
		-webkit-line-clamp: 6;
	}
	.dj_cnt2 .c2 {
		-webkit-line-clamp: 3;
                max-height:76px;
	}
	.dj_cnt dl .c1,
	.dj_cnt dl .c2,
	.whjd_box2 .bottm1 .box .l {
		white-space: nowrap;
	        overflow: hidden;
	        text-overflow: ellipsis;
	}
	.whjd_box2 .top {
		height: 4rem;
	}
	.whjd_box2 .bottm1 .box2&gt;a ,.news_box-2 .bottm .k1_btn img{
		/* display: none; */
	}
	.whjd_box1 .whjd_a a{
		width:23%;
	}
     .news_box-3 .t{
       min-height: 42px; 
   }
}

@media only screen and (max-width:767px) {
.banner {
height:9rem;
}
.jtdj .title{
		display:block !important;
	}
	.whjd {
		background: none;
	}
	.news_box-l .swiper-slide img {
		height: 10.2rem;
	}
	.news_box-2 {
		padding-left: 0;
	}
	.news_box-2 .top {
		height: 6.8rem;
		margin-top: 0.5rem;
		display: none;
	}
	.news_box-2 .bottm&gt;a,
	.news_box-2 .bottm1&gt;.jk {
		height: 4.8rem;
	}
	.dj_cnt2 {
		background: white;
		top: 0px;
		color: #000000;
		display: none;
	}
	.whjd_box1&gt;a img {
		top: 0px;
		height: auto;
	}
	.whjd_box2 {
		padding-left: 0px;
	}
	.whjd_box2 .top {
		height: 9.25rem;
		margin-top: 0.5rem;
		min-height: auto;
	}
	.whjd_box2 .bottm {
		padding-top: 0.5rem;
	}
	.whjd_box2 .bottm&gt;a&gt;img,
	.whjd_box2 .bottm1&gt;a {
		height: 6rem;
		min-height: auto;
	}
	.whjd_box2 .bottm0 .b {
		top: 0.5rem;
	}
	.whjd_box2 .bottm1 {
		padding-left: 0.5rem;
	}
	.jtdj_box {
		background: white;
	}
	.dj_cnt dl {
		border-top: 1px solid #eeee;
	}
	.jtzr .mor_h {
		bottom: 27%;
		display: none;
	}
	.jjfa_swiper .swiper-slide .box .tx {
		text-overflow: -o-ellipsis-lastline;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 1;
		-webkit-box-orient: vertical;
	}
	.jjfa .text p {
		text-overflow: -o-ellipsis-lastline;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 1;
		-webkit-box-orient: vertical;
	}
	.jjfa .tx {
		line-height: 24px;
	}
	.jjfa_swiper .swiper-slide .box .t {
		margin-bottom: 0px;
	}
	.about {
		background: url(../images/gywm_bg.jpg) no-repeat right;
		background-size: auto;
	}
	.whjd_box1 {
		display: none;
	}
	.jtdj {
		background: none;
	}
	.jjfa {
		display: none;
	}
	.jtdj {
		padding-bottom: 0.5rem;
	}
	.jjfa_ipom {
		display: block;
	}
	.news_box .swiper-button-next,
	.news_box .swiper-button-prev {
		display: none;
	}
	.pingpai .bottom .p1 {
		-webkit-line-clamp: 1;
	}
	.jtzr {
		padding-top: 0.5rem;
	}
	.jtzr .swiper-container {
		display: block;
	}
	.jjfa_ipom .title {
		display: block;
	}
	.whjd_box2 .t {
		-webkit-line-clamp: 1;
		padding-bottom: 1%;
	}
	.whjd .title a,
	.whjd .title {
		color: #000000;
	}
	.about_box .el-col-12 a img {
		width: 4.64rem;
		height: 4.85rem;
	}
	.jtzr .model:hover .mask_m p{
		display: none;
	}
      .news_box-l .swiper-slide&gt;a{
     height:auto
     }
}

.pingpai .pin_box2 .swiper-slide{height:auto !important}

/*ÃƒÆ’Ã‚Â¦ÃƒÂ¢Ã¢â€šÂ¬Ã¢â‚¬Å“Ãƒâ€šÃ‚Â°ÃƒÆ’Ã‚Â¥Ãƒâ€šÃ‚Â¢Ãƒâ€¦Ã‚Â¾ÃƒÆ’Ã‚Â¦Ãƒâ€šÃ‚Â&nbsp;Ãƒâ€šÃ‚Â·ÃƒÆ’Ã‚Â¥Ãƒâ€šÃ‚Â¼Ãƒâ€šÃ‚Â2021-1-13*/
.banner .swiper-container {
    height: 100%;
}
.pagination {
	position: absolute;
	z-index: 20;
	bottom:5%;
	width: 100%;
	text-align: center;
}

.swiper-pagination-switch {
	display: inline-block;
	width: 8px;
	height: 8px;
	border-radius: 8px;
	background: #555;
	margin: 0 5px;
	opacity: 0.8;
	border: 1px solid #fff;
	cursor: pointer;
}

.swiper-active-switch {
	background: #fff;
}
.content2 .select .swiper-container .ac{
	width:100%;
}
.news .swiper-slide .c_l{
	padding-right:15px;
}
.news .swiper-wrapper ,.news .swiper-container ,.news .swiper-slide{
	height:auto !important;
}
.news .swiper-container{
width:100%
}

.banner .pagination {
	bottom: 0.5rem !important;
}

.banner .swiper-pagination-switch{
	width: 0.12rem;
	height: 0.12rem;
	border-radius: 40px;
	border: 3px solid white;
	opacity: 1;
	background: none;
	background: white;
}

.banner .swiper-active-switch{
	width: 0.14rem;
	height: 0.14rem;
	background: none;
	border-color: #DB0000;
}
.news .swiper-slide{
	position: relative;
}
.news .pading_l{
	padding-right:10%;
}
.news_box-3{
	width:103%;
}

.jjfa .pagination {
    width: 90%;
}

.jjfa_swiper .pagination{
	text-align: right;
}

.jjfa_swiper .btnn{
	position: absolute;
	top:0px;
	height:0.5rem;
	z-index:1111;
	cursor:pointer;
}</pre></body></html>